<!DOCTYPE>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<title>登录页面</title>
<style type="text/css">
	*{
		margin:0px;
		padding: 0px;
	}
	p>span{
		margin-top:6px;
		background: #c1dbfc;
		width: 100px;
		height:25px;号码		text-align: center;
		line-height: 25px;
		border: 1px solid #ccc;
		display: inline-block;  /*将行内元素转换为行内块元素*/
	}
	h2{
		text-align: center;
	}
	div{
		width: 700px;
		height:400px;
		margin:10px auto;
		border: 1px solid #aaa;
		background: #89b4ea;
	}
</style>
<script type="text/javascript" src="js/login.js"></script>
</head>
<body>
	<div>
		<h2>任务详细信息</h2>
		<p>
			<span>任务名称</span>${task.task_name }
		</p>
		<p>
			<span>任务描述</span>${task.task_description }
		</p>
		<p>
			<span>开始时间</span>${task.task_begin_time }
			<span>结束时间</span>${task.task_end_time }
		</p>
		<p>
			<span>实施人</span>${task.implementPerson }
		</p>
		<p>
			<span>任务状态</span>${task.task_state }
		</p>
	</div>
	<div>
		<h1>实施计划</h1>
		<table border="1" >
			<tr>
				<th>计划名称</th>
				<th>完成状态</th>
				<th>是否反馈</th>
				<th>开始时间</th>
				<th>结束时间</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>${plan.plan_name }</td>
				<td>${plan.plan_state }</td>
				<td>${plan.feedback }</td>
				<td>${plan.plan_begin_date }</td>
				<td>${plan.plan_end_date }</td>
				<!--根据plan  ID查找计划的详细信息 -->
				<td><a href="${pageContext.request.contextPath }/detailedPlanServlet?id=${plan.id }">详细信息</a></td>
			</tr>
		</table>
	</div>
	<button>返回</button>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> --%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
	table.gridtable {
		font-family: verdana,arial,sans-serif;
		font-size:15px;
		color:#333333;
		border-width: 1px;
		border-color: #666666;
		border-collapse: collapse;
	}
	table.gridtable th {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #666666;
		background-color: #e7f3f3;
	}
	table.gridtable td {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #666666;
		background-color: #ffffff;
		text-align: center;
	}
	form{width:650px;
	height:600px;
	padding-top:10px;
	margin:20px auto;
	border-radius:20px;
	background:#f5f8fd;
	border:3px solid #1cc09f;
	}
	a {
	text-decoration: none; 
	color:#1cc09f;
	font-weight:bold; 
	}
	 h2{color:#1cc09f;}
	 h3{color:red;}
	 font{
	 color:red;
	 font-weight:bold; 
	 }
	 .top{
	 padding-left:235px;
	 }
	 .p{padding-left: 580px;}
</style>
<meta charset="UTF-8">
<title>查看任务详细信息</title>
</head>
<body>
	<form>
	<h2 align="center">查看任务详细信息</h2>
	<div class="top">
	<p>
		<span>任务名称：</span>${task.task_name }</br>
	</p>
	<p>
		<span>任务描述：</span>${task.task_description }</br>
	</p>
	<p>
		<span>开始时间：</span>${task.task_begin_time }</br>
	</p>
	<p>
		<span>结束时间：</span>${task.task_end_time }</br>
	</p>	
	<p>
		<span>实施人：&nbsp;&nbsp;&nbsp;&nbsp;</span>${task.implementPerson }</br>
	</p>
	<p>
		<span>任务状态：</span>
		<font>
			${task.task_state }
		</font>
	</p>
	</div>
	<hr style=" height:3px;border:none;border-top:3px /*dotted*/dashed #1cc09f;">
	<h2 align="center">实施计划</h2>
	<table class="gridtable" align="center">
			<tr>
				<th>计划名称</th>
				<th>完成状态</th>
				<th>是否反馈</th>
				<th>开始时间</th>
				<th>结束时间</th>				
				<th>操作</th>
			</tr>
			
			<c:forEach items="${plan}" var="plan" varStatus="status">
			<tr>
				<td>${plan.plan_name }</td>
				<td>${plan.plan_state }</td>
				<td>${plan.feedback }</td>
				<td>${plan.plan_begin_date }</td>
				<td>${plan.plan_end_date }</td>
				<!--根据plan  ID查找计划的详细信息 -->
				<td><a href="${pageContext.request.contextPath }/detailedPlanServlet?id=${plan.id }">详细信息</a></td>
			</tr>
		</c:forEach>
			
		
		</table>
		<p class="p">
		<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回">
		</p>
</form>
</body>
</html>